* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

image {
	height: 0;
	display: block;
}
.mt-10{
	margin-top: 10rpx;
}
.ml-0{
	margin-left: 0 !important;
}
.ml-10{
	margin-left: 10rpx !important;
}
.mr-10{
	margin-right: 10rpx !important;
}
// 全局背景色
page{
	background: #F9F9F9;
}
uni-modal .uni-modal__btn_primary{
	color: #FA6A45 !important;
}
/deep/ .uni-picker-action-confirm{
	color: #FA6A45 !important;
}
.u-picker-confirm {
  color: red !important; /* 使用 !important 来确保覆盖默认样式 */
}
.pagesbg{
	background: #F4F4F4;
	min-height: 100vh;
	/* #ifdef APP-PLUS */
	min-height: 100vh;
	/* #endif */
	overflow: scroll;
}
.pages{
	background-color: #F9F9F9;
	position: relative;
	min-height: 100vh;
	/* #ifdef APP-PLUS */
	min-height: 100vh;
	/* #endif */
	overflow-y: scroll;
}
.pagesWhite{
	background-color: #FFFFFF;
	position: relative;
	min-height: 100vh;
	/* #ifdef APP-PLUS */
	min-height: 100vh;
	/* #endif */
	overflow: scroll;
}
.contentBg{
	background: $globalColor-bgStyle;
	height: 100vh;
}

.initBtn{
	height: 100rpx;
	line-height: 100rpx;
	padding: 0;
	background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
	border-radius: 20rpx;
	margin: 30rpx auto 22rpx;
	text-align: center;
	width: 100%;
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 32rpx;
	color: #FFFFFF;
	letter-spacing: 2rpx;
	&--border{
		background: transparent;
		border: 1px solid #FA6A45;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 32rpx;
		color: #3FBDF7;
	}
	&--top{
		margin-top: 128rpx;
	}
}

.inputStyle{
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 28rpx;
	color: #888888;
	text-align: left;
}

/*滚动条整体样式*/
*::-webkit-scrollbar{
	width: 0px;
}
/*滚动条滑块*/
*::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: transparent;
	background: transparent;
}
/*滚动条轨道*/
*::-webkit-scrollbar-track{
	-webkit-box-shadow: transparent;
	border-radius: 10px;
	background: transparent;
}


image {
	image-rendering:-moz-crisp-edges;

	image-rendering:-o-crisp-edges;

	image-rendering:-webkit-optimize-contrast;

	image-rendering: crisp-edges;

	-ms-interpolation-mode:nearest-neighbor;
	will-change: transform;
}

// 隐藏scroll-view的滚动条
::-webkit-scrollbar {
    display: none;  
    width: 0 !important;  
    height: 0 !important;  
    -webkit-appearance: none;  
    background: transparent;  
}

.swiperBox {
	// height: 150rpx;
	// height: 275rpx;
	margin: 0rpx 0 0rpx;
	// padding: 0 30rpx;
	position: relative;
	@include flexCenter;

	&-wrapper {
		width: 100%;
	}

	&-swiper {
		// height: 150rpx;
		// height: 275rpx;
		&__item {
			width: 100%;
			// height: 150rpx;
			// height: 275rpx;
			// padding: 0 24rpx;
			overflow: hidden;
			// border-radius: 24rpx;
			@include flexCenterColumn;

			image {
				width: 100%;
				// border-radius: 16px 16px 16px 16px;
			}
		}
	}
}

.tipsBox{
	@include flexBetween;
	&-left{
		.title{
			font-family: PingFangSC-Medium, PingFangSC-Medium;
			font-weight: 400;
			font-size: 32rpx;
			color: rgba(0,0,0,0.9);;
			position: relative;
			padding-left: 4rpx;
			margin: 0 34rpx;
			z-index: 2;
			&::before{
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 47rpx;
				height: 10rpx;
				background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
				border-radius: 50rpx;
				z-index: 1;
			}
			&--none{
				visibility: hidden;
			}
		}
		.teamTitle{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #000000;
			position: relative;
			padding-left: 20rpx;
			margin: 30rpx 40rpx 20rpx;
			&::before{
				content: '';
				position: absolute;
				bottom: 2rpx;
				left: 0;
				width: 6rpx;
				height: 26rpx;
				background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
				border-radius: 4rpx;
				z-index: 1;
			}
		}
	}
	&-right{
		@include flexRight;
		margin: 0 34rpx;
		.moreTitle{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #64646F;
		}
		image{
			width: 24rpx;
			height: 24rpx;
			margin-left: 10rpx;
		}
	}
	&-bg{
		background: url('@/static/index/hotBg.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		padding: 50rpx 30rpx 28rpx 124rpx;
		font-family: Source Han Sans, Source Han Sans;
		font-weight: 700;
		font-size: 36rpx;
		color: #3D3D3D;
	}
}

.modal{
	&-bg{
		width: 100vw;
		height: 100vh;
		z-index: 971;
		position: fixed;
		inset: 0px;
		background-color: rgba(0, 0, 0, 0.4);
		transition-duration: 0.3s;
	}
	&-wrapper{
		// background: rgba(0,0,0,0.5);
		// width: 100vw;
		// height: 100vh;
		// position: relative;
		// z-index: 99;
	}
	.psdBox{
		&-wrapper{
			position: fixed;
			top: 45%;
			left: 50%;
			transform: translate(-50%,-50%);
			margin: auto;
			width: 80%;
			background: #FFFFFF;
			border-radius: 16rpx;
		}
		&-whiteBg{
			background: #fff;
			border-radius: 16rpx 16rpx 0 0;
			padding: 0 0 86rpx;
			position: relative;
		}
		&-header{
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			color: rgba(0,0,0,0.9);;
			text-align: center;
			padding: 48rpx 30rpx 20rpx;
			word-break: break-all;
		}
		&-headerClose{
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			position: absolute;
			top: 48rpx;
			right: 52rpx;
		}
		&-input{
			background: rgba(216, 216, 216, 0.41);
			border-radius: 8rpx;
			padding: 24rpx;
			margin: 12rpx 48rpx 66rpx;
			@include flexBetween;
			&--Mt20{
				margin: 0 48rpx 20rpx;
			}
			input{
				flex: 1;
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.9);;
			}
			.noCode{
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.4);
				@include initMoreLine(1);
				width: 380rpx;
			}
			.copy{
				font-size: 32rpx;
				font-family: PingFang SC-Semibold, PingFang SC;
				font-weight: 600;
				color: #CF2B2A;
			}
		}
		&-input--1{
			margin: 0 48rpx 20rpx;
		}
		&-tipsBox{
			@include flexLeftColumn;
			padding: 0 50rpx 20rpx;
		}
		&-label{
			@include flexLeft;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0,0,0,0.9);;
			margin-bottom: 20rpx;
			.red{
				color: $globalColor-style;
			}
		}
		&-checkBox{
			@include flexLeftColumn;
			margin: 0 70rpx 22rpx;
			.tips{
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.6);
				text-align: center;
				margin-bottom: 26rpx;
			}
		}
		&-checkBoxItem{
			@include flexBetween;
			width: 100%;
			margin-bottom: 32rpx;
			image{
				width: 42rpx;
				height: 42rpx;
				margin-right: 8rpx;
			}
			.mo{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.9);
			}
		}
		&-btnBox{
			@include flexBetween;
			border-top: 1px solid #E9EAF0;
			& > view{
				width: 50%;
				padding: 32rpx 0;
				text-align: center;
				&:nth-child(1){
					border-right: 1px solid #E9EAF0;
				}
			}
		}
		&-close{
			font-size: 32rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0,0,0,0.9);;
		}
		&-confirm{
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			color: #FA6A45;
			background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		&-listBox{
			@include flexLeftColumn;
			margin: 18rpx 68rpx 50rpx;
			&--noMt{
				margin: 18rpx 68rpx 0;
			}
			&__item{
				@include flexBetween;
				width: 100%;
				margin: 0 0 16rpx;
				.label{
					font-size: 32rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(0,0,0,0.9);
				}
				.num{
					font-size: 32rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: $globalColor-style;
				}
			}
			&__left{
				@include flexLeft;
				margin: 0;
				.balanceTitle{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(0,0,0,0.9);
					line-height: 28px;
				}
				.red{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: $globalColor-style;
				}
			}
		}
		&-fenBox{
			background: rgba(255,64,64,0.05);
			border-radius: 16rpx;
			padding: 20rpx 40rpx;
			margin: 20rpx 28rpx;
			&__item{
				@include flexBetween;
				padding: 24rpx 0;
				&:nth-child(1){
					border-bottom: 1px solid rgba(0, 0, 0, .08);
				}
			}
			&__left{
				.title{
					font-size: 32rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #000000;
				}
				.info{
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #000000;
					margin-top: 4rpx;
				}
			}
			image{
				width: 42rpx;
				height: 42rpx;
			}
		}
		&-otherAddr{
			background: $globalColor-style;
			border-radius: 12rpx;
			font-size: 32rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			padding: 20rpx 0;
			width: 100%;
		}
	}
}

// 商品列表
.goodsList{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	// padding: 0 28rpx;
}
// 商品列表
.indexGoods{
	padding: 20rpx;
	&-list{
		@include flexLeft;
		flex-wrap: wrap;
		&__item{
			overflow: hidden;
			background: #FFFFFF;
			border-radius: 30rpx;
			@include flexLeftColumn;
			margin-bottom: 20rpx;
			margin-left: 20rpx;
			width: calc((100% - 20rpx) / 2);
			// height: 492rpx;
			&:nth-of-type(2n+1){
				margin-left: 0;
			}
			.imgBox{
				background: #FAFAFA;
				border-radius: 30rpx 30rpx 0 0;
				width: 100%;
				height: 344rpx;
				image{
					border-radius: 30rpx 30rpx 0 0;
					width: 100%;
					height: 100%;
				}
			}
			.content{
				width: 100%;
				@include flexLeftColumn;
				// padding: 22rpx 20rpx 24rpx;
				padding-bottom: 0;
				.name{
					padding: 20rpx;
					padding-bottom: 0;
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					font-size: 28rpx;
					color: #000;
					width: 100%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					// @include initMoreLine(2);
				}
				.operateBig{
					width: 100%;
					@include flexBetween;
					margin-top: 20rpx;
					background: url('@/static/index/index-titleBg1.png') no-repeat;
					background-size: 100% 100%;
					background: linear-gradient( 180deg, #FFE1A4 0%, #FEBE79 100%);
					// padding: 8rpx 16rpx;
					padding-right: 32rpx;
					height: 56rpx;
					position: relative;
					.ico-bg{
						width: 100%;
						height: 56rpx;
						position: absolute;
						top: 0;
						left: 0;
					}
					.price{
						// font-family: DIN, DIN;
						font-weight: bold;
						font-size: 28rpx;
						color: #fff;
						position: relative;
						.unit{
							font-size: 24rpx;
						}
						// &::before{
						// 	content: '¥';
						// 	font-family: DIN, DIN;
						// 	font-weight: bold;
						// 	font-size: 24rpx;
						// }
					}
					.sales{
						@include flexLeft;
						color: #FA6A45;
						font-weight: bold;
						font-size: 28rpx;
					}
					.ico{
							width: 36rpx;
							margin-right: 10rpx;
							margin-top: -8rpx;
						}
					.num{
						font-size: 28rpx;
					}
				}
			}
		}
	}
}
.goods-wrapper{
	width: 100%;
	.goods-item{
		display: inline-block;
		box-sizing: border-box;
		padding: 0 0 30rpx;
		// width: 49%;
		position: relative;
		width: 100%;
		&--bg{
			background: #FFFFFF;
			border-radius: 20rpx;
			margin: 0 0 28rpx 0;
		}
		&:nth-child(2n){
			margin-right: 0;
		}
		&--padding{
			margin-top: -40rpx;
		}
		&__img{
			width: 100%;
			// height: 334rpx;
			border-radius: 20rpx 20rpx 0 0;
			position: relative;
			image{
				width: 100%;
				height: 100%;
				border-radius: 20rpx 20rpx 0 0;
			}
		}
		&__giveIntegral{
			background: #DE0101;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #FFFFFF;
			padding: 8rpx 14rpx;
			display: inline;
			&-wz{
				position: absolute;
				left: 0;
				bottom: 0;
			}
		}
		&__title{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: rgba(0,0,0,0.9);;
			@include initMoreLine(2);
			margin: 22rpx 20rpx 10rpx;
			position: relative;
		}
		&__tipsBox{
			// border: 2rpx solid transparent;
			// background-clip: padding-box, border-box;
			// background-origin: padding-box, border-box;
			// background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
			// border-radius: 24rpx;
			// padding: 10rpx 16rpx;
			// display: inline-block;
			// font-family: PingFang SC, PingFang SC;
			// font-weight: 400;
			// font-size: 24rpx;
			// color: #FFFFFF;
			// margin: 0 20rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #FA6A45;
			background: rgba(18,127,246,0.15);
			border-radius: 10rpx;
			border: 2rpx solid #FA6A45;
			padding: 8rpx 20rpx;
			margin-right: 20rpx;
			display: inline-block;
			margin: 0 20rpx;
		}
		&__optBox{
			@include flexBetween;
			align-items: flex-end;
			margin: 0 20rpx;
		}
		&__priceBox{
			@include flexLeft;
			margin-top: 10rpx;
			&-price{
				font-family: DIN-Bold, DIN-Bold;
				font-weight: 600;
				font-size: 32rpx;
				color: #FA6A45;
				&::before{
					content: '￥';
					font-size: 24rpx;
				}
			}
			&-noPrice{
				font-family: DIN-Regular, DIN-Regular;
				font-weight: 400;
				font-size: 28rpx;
				color: #979797;
				margin-left: 16rpx;
				text-decoration: line-through;
			}
			text{
				font-size: 30rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				background:  linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
			&-integral{
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				background:  linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				&::after{
					content: '';
					font-size: 24rpx;
					color: #FFEE8A;
					margin-top: 8rpx;
				}
			}
			.addCar{
				width: 60rpx;
				height: 60rpx;
			}
		}
		&__sales{
			font-family: Source Han Sans, Source Han Sans;
			font-weight: 400;
			font-size: 24rpx;
			color: #979797;
		}
	}
} 

.shopList{
	&-wrapper{
		padding: 0 24rpx;
	}
	&-list{
		@include flexLeftColumn;
		&__item{
			background: #FFFFFF;
			border-radius: 20rpx;
			@include flexBetween;
			margin-bottom: 20rpx;
			width: 100%;
			padding: 36rpx 20rpx;
			.left{
				@include flexLeft;
				width: 100%;
				.imgBox{
					width: 166rpx;
					height: 166rpx;
					background: #D8D8D8;
					border-radius: 16rpx;
					image{
						width: 100%;
						height: 100%;
						border-radius: 16rpx;
					}
				}
				.info{
					width: calc(100% - 166rpx - 40rpx);
					@include flexLeftColumn;
					margin-left: 30rpx;
					.name{
						font-family: PingFang SC, PingFang SC;
						font-weight: 600;
						font-size: 28rpx;
						color: rgba(0,0,0,0.9);;
						@include initMoreLine(1);
						white-space: nowrap;
					}
					.businessCategory{
						font-family: Source Han Sans, Source Han Sans;
						font-weight: 400;
						font-size: 26rpx;
						color: #888888;
						margin-top: 12rpx;
						@include initMoreLine(1);
						white-space: nowrap;
					}
					.fen{
						@include flexLeft;
						margin-top: 12rpx;
						text{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #1989F8;
							margin-left: 10rpx;
						}
						.img{
							@include flexLeft;
							image{
								width: 36rpx;
								height: 36rpx;
							}
						}
					}
					.phone{
						@include flexLeft;
						margin: 14rpx 0 12rpx;
						image{
							width: 26rpx;
							height: 28rpx;
							margin-right: 12rpx;
						}
						text{
							font-family: PingFang SC, PingFang SC;
							font-weight: normal;
							font-size: 26rpx;
							color: #000000;
						}
					}
					.introduction{
						@include flexLeft;
						font-family: Source Han Sans, Source Han Sans;
						font-weight: 400;
						font-size: 26rpx;
						color: rgba(0,0,0,0.9);;
						// white-space: nowrap;
						@include initMoreLine(1);
						text{
							font-family: Source Han Sans, Source Han Sans;
							font-weight: 400;
							font-size: 26rpx;
							color: rgba(0,0,0,0.9);;
							// width: 368rpx;
						}
					}
				}
			}
			.right{
				@include flexRight;
				.btn{
					background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
					border-radius: 46rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 28rpx;
					color: #FFFFFF;
					padding: 8rpx 28rpx 10rpx;
				}
			}
		}
	}
}

// 记录
.record{
	&-wrapper{
		padding: 0;
	}
	&-bg{
	}
	&-balanceBg{
		background: #FFFFFF;
		border-radius: 10rpx;
		padding: 30rpx 34rpx 10rpx !important;
	}
	&-item{
		@include flexBetween;
		padding:36rpx 0;
		border-bottom: 1px solid #F4F4F4;
		&:nth-last-child(1){
			border: none;
		}
	}
	&-left{
		@include flexLeftColumn;
	}
	&-fee{
		font-size: 28rpx;
		font-family: PingFang SC-Semibold, PingFang SC;
		font-weight: 500;
		color: #000000;
	}
	&-text{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: rgba(0,0,0,0.9);;
	}
	&-title{
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 28rpx;
		color: #333;
	}
	&-tips{
		font-size: 22rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: bold;
		color: #999999;
	}
	&-right{
		@include flexRightColumn;
		// width: 75%;
	}
	&-num{
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 36rpx;
		color: #333;
	}
	&-number{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: rgba(0,0,0,0.9);;
		margin-top: 36rpx;
	}
	&-time{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: rgba(51, 51, 51, 0.60);
		margin-top: 12rpx;
	}
	&-status{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 26rpx;
		color: #333333;
		border-radius: 10rpx;
		&--active{
			color: $globalColor-style;
			@include flexRight;
		}
		&--green{
			color: #00B42A;
			@include flexRight;
		}
		&--orange{
			color: #FD6E00;
			@include flexRight;
		}
		&--red{
			color: #FA2B4D;
			@include flexRight;
			word-break: break-all;
			text-align: right;
		}
		&--blue{
			color: #1684F7;
			@include flexRight;
		}
	}
	&-none{
		font-size: 24rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(0,0,0,0.6);
		visibility: hidden;
		margin-top: 36rpx;
	}
	&-no{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}
}

// 搜索
.searchBigBox{
	position: relative;
	z-index: 3;
	padding-left: 24rpx;
	padding-right: 24rpx;
	/* #ifdef APP-PLUS */
	padding-top: 130rpx !important;
	/* #endif */
}
.searchBox{
	@include flexBetween;
	width: 100%;
	// background: #F7F8FA;
	border-radius: 40rpx;
	position: relative;
	z-index: 10;
	&-item{
		@include flexLeft;
		padding: 14rpx 30rpx;
		border-radius: 50rpx;
		flex: 1;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(0,0,0,0.6);
		height: 80rpx;
		margin-top: 8rpx;
		&--whiteBg{
			background: #FFFFFF;
		}
		&--greyBg{
			background: #f5f6f8;
		}
		image{
			width: 36rpx;
			height: 36rpx;
			margin-right: 12rpx;
		}
		input{
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #000000;
		}
		.inputStyle{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #ADAFB3;
		}
	}
	&-btn{
		background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
		border-radius: 40rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #FFFFFF;
		padding: 10rpx 32rpx;
		margin-right: 4rpx;
	}
	&-typeBox{
		@include flexLeft;
		width: 100rpx;
		border-right: 1px solid #D8D8D8;
		margin-right: 16rpx;
		text{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: rgba(0,0,0,0.9);;
		}
		image{
			width: 14rpx;
			height: 8rpx;
			margin-right: 18rpx;
			margin-left: 12rpx;
			// transform: rotate(90deg);
		}
		.active{
			animation: imgRotate 0.5s;
			animation-fill-mode: forwards;
		}
		@keyframes imgRotate {
			from {
				transform: rotate(0deg);
			}
			to {
				transform: rotate(180deg);
			}
		}
	}
	&-itemBox{
		position: absolute;
		left: 0;
		top: 50rpx;
		background: url('@/static/index/search-bg.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		@include flexCenterColumn;
		// width: 194rpx;
		// height: 202rpx;
		padding: 40rpx 50rpx 35rpx;
		&__item{
			padding: 30rpx 14rpx;
			border-bottom: 1px solid rgba(216,216,216,0.45);
			text{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: rgba(0,0,0,0.9);;
			}
			&--active{
				text{
					color: #117FF6;
				}
			}
			&:nth-last-child(1){
				border-bottom: none;
			}
		}
	}
}

// 固定导航
.tabbar{
	height: 66rpx;
	&-list{
		@include flexBetween;
		width: 100%;
	}
	&-item{
		width: 33.33%;
		height: 76rpx;
		line-height: 76rpx;
		overflow: hidden;
		padding: 0 20rpx;
	}
	&-title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: rgba(0,0,0,0.6);
		position: relative;
		text-align: center;
		white-space: nowrap;
		&--active{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #FA6A45;
			background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			&::before{
				content: '';
				width: 80%;
				height: 8rpx;
				background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
				border-radius: 37rpx;
				position: absolute;
				bottom: 0;
				left: 0;right: 0;
				margin: auto;
			}
		}
	}
}
	
//
.contentBoxBg{
	background: #FFFFFF;
	border-radius: 20rpx;
	padding: 32rpx 20rpx 0;
	margin: 20rpx 28rpx;
}
.buyWaysList{
	&-headerTitle{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #0D0A06;
		margin-bottom: 30rpx;
	}
	&-list{
		@include flexLeftColumn;
		&__item{
			@include flexBetween;
			padding: 0rpx 0 28rpx;
			// border-bottom: 1px solid #E9E9E9;
			width: 100%;
			// &:nth-last-child(1){
			// 	border-bottom: none;
			// }
			.left{
				@include flexLeft;
				image{
					width: 52rpx;
					height: 52rpx;
					margin-right: 18rpx;
				}
				.title{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #0D0A06;
					white-space: nowrap;
				}
				.tips{
					font-family: PingFang SC, PingFang SC;
					font-weight: normal;
					font-size: 26rpx;
					color: rgba(0,0,0,0.9);;
				}
				.grey{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #999999;
					text-align: left;
				}
			}
			.check{
				width: 34rpx;
				height: 34rpx;
				margin-right: 10rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.right{
				@include flexRight;
				width: 70%;
				.price{
					font-family: DIN, DIN;
					font-weight: 400;
					font-size: 26rpx;
					color: #3D3D3D;
				}
				.next{
					width: 24rpx;
					height: 24rpx;
					margin-left: 10rpx;
				}
				.grey{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #999999;
					word-break: break-all;
					text-align: right;
				}
				.title{
					@include flexRight;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 26rpx;
					color: rgba(0,0,0,0.9);;
					image{
						width: 38rpx;
						height: 38rpx;
						margin-left: 6rpx;
					}
				}
			}
		}
	}
}

.contentBox{
	background: #2B2B2B;
	border-radius: 20rpx;
	padding: 32rpx 20rpx 20rpx;
	margin: 20rpx 24rpx;
	&-header{
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 600;
		color: #333333;
		padding: 20rpx 0rpx 0;
	}
	&-item{
		
	}
	.noBorder{
		border: none;
	}
	&-data{
		@include flexLeft;
		padding-bottom: 24rpx;
		border-bottom: 1px solid rgba(233, 233, 233, 0.20);
		.imgBox{
			background: #EDEDED;
			width: 160rpx;
			height: 160rpx;
			image{
				width: 100%;
				height: 100%;
				// border-radius: 12rpx;
			}
		}
		.nameBox{
			@include flexLeftColumn;
			flex: 1;
			margin-left: 24rpx;
			.name{
				font-size: 28rpx;
				font-family: PingFang HK-Medium, PingFang HK;
				font-weight: 500;
				color: #FFFFFF;
				@include initMoreLine(1);
				word-break: break-all;
				&--1{
					margin-bottom: 16rpx;
				}
			}
			.redPrice{
				font-size: 32rpx;
				font-family: PingFang SC-Semibold, PingFang SC;
				font-weight: 600;
				background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				.ico{
					width: 64rpx;
				}
			}
			.specification{
				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: #8F8F8F;
				margin: 8rpx 0 16rpx;
			}
			.operateBox{
				width: 100%;
				@include flexBetween;
				.operate{
					@include flexRight;
					input{
						background: #505050;
						border-radius: 4rpx;
						border: none;
						font-size: 28rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: rgba(255,255,255,0.9);
						width: 72rpx;
						height: 48rpx;
						text-align: center;
						margin: 0 8rpx;
					}
					.imgBox{
						background: #505050;
						border-radius: 4rpx;
						padding: 10rpx;
						.operateImg{
							width: 32rpx;
							height: 32rpx;
						}
					}
				}
				.num{
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: rgba(219,168,168,0.9);
					&-color{
						color: rgba(255,255,255,0.9);
					}
				}
				.salesBox{
					background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
					padding: 2rpx;
					border-radius: 132rpx;
					.sales{
						border-radius: 132rpx;
						background: #141414;
						padding: 8rpx 24rpx;
						text{
							font-size: 30rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
							-webkit-background-clip: text;
							-webkit-text-fill-color: transparent;
						}
					}
				}
			}
		}
	}
	&-list{
		@include flexLeftColumn;
		width: 100%;
		padding: 12rpx 0;
		&__item{
			@include flexBetween;
			width: 100%;
			padding: 16rpx 0;
			.title{
				@include flexLeft;
				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				&--1{
					width: 70%;
					text-align: right;
					justify-content: flex-end;
				}
				text{
					margin-left: 12rpx;
				}
				image{
					width: 48rpx;
					height: 48rpx;
					marign-left: 16rpx;
				}
				.copy{
					color: #AAAAAA;
				}
			}
			.titleBig{
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
			}
			.bold{
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 600;
				color: #333333;
			}
			.priceBox{
				@include flexRight;
				text{
					font-size: 30rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
			}
			.red{
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				&::before{
					content: '￥';
					font-size: 24rpx;
					color: #FFEE8A;
					margin-top: 8rpx;
				}
			}
			.integral{
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				&::after{
					content: '聚宝值';
					font-size: 24rpx;
					color: #FFEE8A;
					margin-top: 8rpx;
				}
			}
			.redX{
				@include flexRight;
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
			.realName{
				@include flexCenter;
				background: #FFEFD8;
				border-radius: 156rpx;
				padding: 6rpx 12rpx;
				margin-right: 26rpx;
				image{
					width: 30rpx;
					height: 30rpx;
				}
				.end{
					font-size: 20rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					white-space: nowrap;
					overflow: hidden;
				}
			}
			.contactBox{
				border-radius: 106rpx;
				background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
				padding: 4rpx;
				.contact{
					background: #fff;
					border-radius: 106rpx;
					padding: 14rpx 44rpx;
					text{
						font-size: 24rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
				}
			}
			.itemBox{
				@include flexRight;
				&-item{
					@include flexRight;
					position: relative;
					image{
						width: 48rpx;
						height: 48rpx;
						margin: 0 8rpx;
					}
					font-size: 28rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					.next{
						width: 32rpx;
						height: 32rpx;
						transform: rotate(90deg);
						&--active{
							animation: rotate 0.5s;
							animation-fill-mode: forwards;
						}
						@keyframes rotate {
							from {
								transform: rotate(0deg);
							}
						
							to {
								transform: rotate(-90deg);
							}
						}
					}
				}
			}
			.tipsBox{
				@include flexRight;
				width: 50%;
				.grey{
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: #666666;
				}
				.active{
					@include flexRight;
					flex-wrap: nowrap;
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					// margin-right: 12rpx;
				}
			}
			.btn{
				background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
				border-radius: 106rpx;
				font-size: 24rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				padding: 14rpx 44rpx;
				white-space: nowrap;
				overflow: hidden;
			}
		}
	}
}

.topBg{
	@include flexLeft;
	padding: 150rpx 0 200rpx 60rpx;
	/* #ifdef APP-PLUS */
	padding: 200rpx 0 200rpx 60rpx;
	/* #endif */
	image{
		width: 136rpx;
		height: 136rpx;
		border-radius: 16rpx;
	}
	.nameBox{
		@include flexLeftColumn;
		margin-left: 30rpx;
		.name{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 44rpx;
			color: #FFFFFF;
		}
	}
}

.sellOrder{
	position: relative;
	z-index: 4;
	width: 93.6%;
	margin: auto;
	margin-top: 20rpx;
	&-wrapper{
		// padding: 20rpx 0rpx;
	}
	&-list{
		width: 100%;
		@include flexLeftColumn;
		&__item{
			@include flexLeftColumn;
			width: 100%;
			background: #FFFFFF;
			border-radius: 16rpx;
			padding: 34rpx 30rpx;
			margin-bottom: 20rpx;
		}
		&__item:nth-last-of-type(1){
			margin-bottom: 0;
		}
	}
	&-box{
		width: 100%;
	}
	&-huanTitle{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #333;
		white-space: nowrap;
	}
	&-top{
		@include flexBetween;
		width: 100%;
		border-bottom: 1px solid rgba(112, 112, 112, 0.14);
		padding-bottom: 20rpx;
		.no{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: rgba(51 ,51 ,51 ,0.9);
			max-width: calc(100% - 84rpx);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			// @include flexLeft;

			.copy{
				width: 36rpx;
				height: 36rpx;
				margin-left: 22rpx;
			}
		}
		.status{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #FA6A45;
			background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		.red{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #FA6A45;
		}
	}
	&-content{
		@include flexLeft;
		width: 100%;
		padding: 20rpx 0;
		border-bottom: 1px solid rgba(112, 112, 112, 0.14);
		.imgBox{
			background: #EDEDED;
			border-radius: 16rpx;
			width: 160rpx;
			height: 160rpx;
			.img{
				border-radius: 16rpx;
				width: 100% !important;
				height: 100% !important;
			}
		}
		image{
			width: 100%;
			height: 100%;
			// border-radius: 12rpx;
		}
		.content{
			width: calc(100% - 160rpx - 20rpx);
			@include flexLeftColumn;
			margin-left: 20rpx;
			.name{
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #333;
				@include initMoreLine(1);
			}
			.tips{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #666;
				margin: 20rpx 0;
			}
			.num{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				margin: 0 0 12rpx;
				&--black{
					color: rgba(0,0,0,0.9);;
					font-size: 26rpx;
					margin: 0;
				}
			}
			.time{
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
				margin: 16rpx 0;
			}
			.price{
				@include flexLeft;
				// align-items: baseline;
				color: #FA6A45;
				background:linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				.ico{
					width: 48rpx;
				}
				text{
					font-family: PingFang SC, PingFang SC;
					font-weight: 700;
					font-size: 24rpx;
					color: #000;
					// color: #F15D39;
				}
				font-family: PingFang SC, PingFang SC;
				font-weight: 700;
				font-size: 34rpx;
				// color: #F15D39;
			}
			.unit{
				// content: '￥';
				font-weight: 700;
				font-size: 26rpx;
			}
			.operate{
				width: 100%;
				@include flexBetween;
			}
			.giveIntegralBox{
				@include flexLeft;
				// margin-bottom: 20rpx;
			}
			.giveIntegral{
				padding: 2px 7px;
				border-radius: 10rpx;
				// background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
				font-size: 10px;
				color: #FA6A45;
				border:1px solid #FA6A45;
				margin-right: 20rpx;
			}
		}
	}
	.noBorder{
		border: none;
	}
	&-bottom{
		@include flexRightColumn;
		width: 100%;
		padding: 20rpx 0 0 24rpx;
		border-top: 1px solid rgba(112, 112, 112, 0.14);
		.totalPrice{
			@include flexRight;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #333;
			font-weight: bold;
			.price{
				font-weight: 700;
				font-size: 34rpx;
				// color: #F15D39;
				// &::before{
				// 	content: '￥';
				// 	font-weight: 700;
				// 	font-size: 26rpx;
				// }
			}
			.ico{
				width: 48rpx;
				display: inline-block;
				vertical-align: middle;
			}
		}
		.btnBox{
			@include flexRight;
			position: relative;
			margin-top: 22rpx;
			.tipss{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 26rpx;
				color: #979797;
			}
			.moreTips{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 26rpx;
				color: rgba(0,0,0,0.9);;
				text-align: right;
				width: 164rpx;
				position: relative;
			}
			.btn{
				@include flexCenter;
				width: 174rpx;
				padding: 14rpx 0;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				text-align: center;
				border-radius: 88rpx;
				margin-left: 28rpx;
				text{
					width: 0;
					height: 0;
					border: 10rpx solid;
					border-color: #1989F8 transparent transparent transparent;
					margin-left: 12rpx;
					margin-top: 12rpx;
				}
				&--border{
					border: 1px solid #979797;
					color: #979797;
				}
				&--active{
					background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
					color: #FFFFFF;
				}
				&--borderStyle{
					color: #FA6A45;
					background: none;
					border: 2rpx solid;
					border-image: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%) 2 2;
					border: 2rpx solid #FA6A45;
					position: relative;
				}
				&--borderRed{
					color: #FA6A45;
					border: 1px solid #FA6A45;
				}
				&--borderNoML{
					margin-left: 0rpx;
				}
			}
		}
	}
	&-statusBox{
		@include flexBetween;
		width: 100%;
		padding: 20rpx 0 24rpx;
		border-top: 1px solid #D8D8D8;
		.title{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: rgba(0,0,0,0.9);;
		}
		.status{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #1989F8;
		}
	}
	&-tipsBox{
		@include flexLeft;
		background: #494949;
		border-radius: 8rpx;
		padding: 12rpx 20rpx;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		margin-bottom: 10rpx;
		text{
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: rgba(255, 255, 255, 0.60);
		}
	}
	
	.checkInfoBox{
		position: absolute;
		top: 58rpx;
		left: 0;
		&-list{
			background: #FFFFFF;
			box-shadow: 4rpx 4rpx 5rpx 0rpx rgba(0,0,0,0.15);
			border-radius: 10rpx;
			padding: 8rpx 16rpx;
			&__item{
				padding: 16rpx;
				border-bottom: 1px solid rgba(216, 216, 216, 0.37);
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 26rpx;
				color: #3D3D3D;
				white-space: nowrap;
				&:nth-last-child(1){
					border-bottom: none;
				}
			}
			.red{
				color: #FA2B4D;
			}
		}
	}
	.unit{
		font-weight: 700;
		font-size: 26rpx;
		margin-top: -5px
	}
}

.orderDetails{
	&-btnBox{
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		z-index: 5;
		width: 100%;
		// height: 180rpx;
		@include flexBetween;
		align-items: flex-start;
		padding: 22rpx 34rpx;
		.initBtn{
			margin: 0 !important;
			height: 88rpx;
			line-height: 88rpx;
			&--width4{
				width: 47%;
				background: #999;
    		margin-right: 10px !important;
			}
		}
	}
}	
	

.mainPd{
	/* #ifdef H5 */
	padding: 160rpx 0 100rpx !important;
	/* #endif */
	/* #ifdef APP-PLUS */
	padding: 215rpx 0 100rpx !important;
	/* #endif */
	&--ios{
		/* #ifdef APP-PLUS */
		padding: 245rpx 0 100rpx !important;
		/* #endif */
	}
}


.article{
	&-list{
		@include flexLeftColumn;
		padding: 0 24rpx;
		&__item{
			width: 100%;
			background: #FFFFFF;
			box-shadow: 0 0 32rpx 0 rgba(64, 64, 64, 0.10);
			border-radius: 16rpx;
			padding: 24rpx 22rpx;
			margin-bottom: 24rpx;
			.top{
				@include flexBetween;
				align-items: flex-start;
				&--v{
					@include flexLeftColumn;
				}
				.content{
					width: 100%;
					font-size: 32rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 600;
					color: #333333;
					@include initMoreLine(2);
					word-break: break-all;
					&--w{
						width: calc(100% - 172rpx - 34rpx);
						margin-top: 24rpx;
					}
				}
				.imgBox{
					width: 172rpx;
					height: 172rpx;
					border-radius: 16rpx;
					background: #EDEDED;
					margin-left: 34rpx;
					image{
						width: 100%;
						height: 100%;
						border-radius: 16rpx;
					}
				}
			}
			.bottom{
				@include flexBetween;
				margin-top: 24rpx;
				.left{
					@include flexLeft;
					.box{
						@include flexLeft;
						margin-right: 24rpx;
						image{
							width: 28rpx;
							height: 28rpx;
							margin-right: 8rpx;
						}
						.txt{
							font-size: 24rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							color: #999999;
						}
					}
				}
			}
		}
	}
}

// 公告详情文字
.inDetails{
	padding: 0 0 24rpx;
	background: #fff;
	&-title{
		font-size: 48rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		color: #13203A;
		/* #ifdef H5 */
		margin: 32rpx 24rpx 16rpx;
		/* #endif */
		/* #ifdef APP-PLUS */
		margin: 0rpx 24rpx 16rpx;
		padding-top: 32rpx;
		/* #endif */
	}
	&-time{
		@include flexLeft;
		margin: 0 24rpx 22rpx;
		.times{
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
	}
	&-content{
		font-size: 34rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #000000;
		line-height: 56rpx;
		word-break: break-all;
		margin: 0 24rpx;
	}
}	

.application{
	background: #fff;
	border-radius: 30rpx 30rpx 0rpx 0rpx;
	.headerBox{
		@include flexCenter;
		padding: 40rpx 32rpx;
		position: relative;
		.title{
			font-size: 32rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 400;
			color: #000000;
		}
		.imageBox{
			position: absolute;
			right: 32rpx;
			// top: 40rpx;
			image{
				width: 36rpx;
				height: 36rpx;
			}
			.titleClose{
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #999;
			}
		}
	}
	&-height{
		height: 100%
	}
	&-list{
		@include flexLeftColumn;
		margin: 0 24rpx;
		height: 880rpx;
		&__item{
			width: 100%;
			@include flexLeft;
			padding: 38rpx 14rpx 34rpx;
			border-bottom: 1px solid rgba(112,112,112,0.0588);
			.name{
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #241F1F;
				&--active{
					color: $globalColor-style;
				}
			}
		}
	}
}

// 左右分类商品
.typePage{
	width: 100%;
	margin-top: 40rpx;
	height: calc(100vh - 105rpx);
	/* #ifdef APP-PLUS */
	height: calc(100vh - var(--status-bar-height));
	margin-top: 60rpx;
	/* #endif */
	@include flexLeft;
	&-left{
		flex-shrink: 0;
		width: 168rpx;
		height: 100%;
		// background: #F7F8FA;
		background: #F6F6F6;
		&__item {
			@include flexCenterColumn;
			width: 100%;
			text-align: center;
			height: 106rpx;
			// line-height: 106rpx;
			font-size: 28rpx;
			color: #000;;
			position: relative;
			word-wrap: break-word;
			padding: 0 6rpx;
			&.active {
				background: #FFFFFF;
				text{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #FA6A45;
					background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
				&::before {
					content: '';
					position: absolute;
					left: 0;
					top: 50%;
					transform: translateY(-50%);
					height: 60%;
					width: 8rpx;
					height: 42rpx;
					background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
				}
			}
		}
	}
	&-right{
		@include flexLeftColumn;
		margin: 0 24rpx;
		width: calc(100% - 176rpx - 48rpx);
		height: 100%;
		overflow: scroll;
		padding-left: 30rpx;
		.typeName{
			@include flexLeft;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #3A3A3A;
			margin-bottom: 26rpx;
			text{
				width: 146rpx;
				height: 2rpx;
				background: rgba(112, 112, 112, 0.28);
				margin: 0 30rpx;
			}
		}
		&__list{
			
		}
		&__item{
			@include flexLeft;
			padding-bottom: 40rpx;
			margin-top: 26rpx;
			width: 100%;
			&:nth-child(3n){
				margin-top: 0;
			}
			.imgBox{
				background: #f5f6f8;
				width: 180rpx;
				height: 180rpx;
				border-radius: 20rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.img{
				width: 100%;
				height: 100%;
				border-radius: 20rpx;
			}
			.content{
				height: 180rpx;
				width: calc(100% - 180rpx);
				padding: 14rpx 0;
				padding-left: 30rpx;
				@include flexLeftColumn;
				justify-content: space-between;
				.name{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #000;
					width: 100%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					// @include initMoreLine(1);
				}
				.operateBig{
						@include flexBetween;
						margin-top: 20rpx;
						width: 100%;
					.price{
						.unit{
							font-size: 24rpx;
							font-weight: normal;
						}
						font-size: 34rpx;
						font-weight: bold;
						color: #FA6A45;
					}
					.ico{
						width: 44rpx;
						height: 44rpx;
					}
				}
			}
		}
	}
}

// 规格
.modalPayList{
	position: fixed;
	bottom: 0;
	border-radius: 16rpx 16rpx 0 0;
	padding: 40rpx 32rpx 48rpx;
	width: 100%;
	background: #FFFFFF;
	&-header{
		@include flexBetween;
		width: 100%;
		margin: 0 auto 32rpx;
	}
	&-close{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
	}
	&-title{
		font-size: 32rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #000000;
	}
	&-goods{
		@include flexLeft;
		margin: 22rpx 0 48rpx;
	}
	&-img{
		background: #EDEDED;
		border-radius: 12rpx;
		width: 200rpx;
		height: 200rpx;
		image{
			width: 100%;
			height: 100%;
			border-radius: 12rpx;
		}
	}
	&-item{
		@include flexLeftColumn;
		margin-left: 24rpx;
		flex: 1;
		.title{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: rgba(0,0,0,0.9);
			word-break: break-all;
			@include initMoreLine(2);
		}
		.integral{
			padding: 6rpx 10rpx;
			background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
			border-radius: 200rpx;
			font-size: 24rpx;
			color: #fff;
			margin-left: 10rpx;
			span{
				color: #fff;
			}
		}
		.stock{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #333;
			margin: 12rpx 0 24rpx;
		}
		.price{
			font-family: DIN-Bold, DIN-Bold;
			font-weight: 600;
			font-size: 46rpx;
			color: #F15D39;
			@include flexLeft;
			.ico{
				width: 64rpx;
			}
			&::before{
				font-weight: 600;
				font-size: 28rpx;
				color: #F15D39;
				margin-top: 8rpx;
			}
		}
	}
	.normBox{
		&-list{
			@include flexLeftColumn;
			margin: 0rpx 0 40rpx;
			&--mt{
				margin: 100rpx 0 0;
			}
			&--flex{
				@include flexBetween;
				flex-direction: row;
			}
			.operate{
				@include flexRight;
				input{
					background: #F5F5F5;
					font-weight: 400;
					font-size: 24rpx;
					color: #000;
					width: 72rpx;
					height: 48rpx;
					line-height: 48rpx;
					text-align: center;
					margin: 0 8rpx;
				}
				.imgBox{
					font-size: 24rpx;
					color: #000;
					font-weight: bold;
					width: 48rpx;
					text-align: center;
					height: 48rpx;
					line-height: 48rpx;
					background: #F5F5F5;
					border-radius: 4rpx;
					@include flexCenter;
				}
				.ico{
					overflow: hidden;
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
		&-name{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #333;
			white-space: nowrap;
			// margin-top: 52rpx;
			margin-bottom: 24rpx;
			.shippingType{
				@include flexRight;
				width: 100%;
				&-item{
					@include flexRight;
					width: 100%;
					margin-left: 30rpx;
					image{
						width: 34rpx;
						height: 34rpx;
						margin-right: 10rpx;
					}
					text{
						width: calc(100% - 34rpx - 10rpx);
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 28rpx;
						color: rgba(0,0,0,0.9);;
					}
				}
			}
		}
		&-priceBox{
			@include flexLeft;
			flex-wrap: nowrap;
			text{
				font-size: 30rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		}
		&-item{
			@include flexLeft;
			flex-wrap: wrap;
			.typeName{
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #333;
				background: #F8F9FA;
				border-radius: 96rpx;
				padding: 10rpx 48rpx;
				margin-right: 26rpx;
				margin-bottom: 20rpx;
				min-width: 120rpx;
				text-align: center;
				white-space: nowrap;
				&--active{
					background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
					font-size: 28rpx;
					color: #fff;
				}
				&--disabled{
					color: #FFFFFF;
					background: rgba(80, 80, 80, 0.19);
				}
			}
		}
	}
	&-mtBox{
		margin: 80rpx 0;
	}
	
	&-btn{
		background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
		border-radius: 96rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		height: 80rpx;
		line-height: 80rpx;
		width: 100%;
		text-align: center;
	}
}	
